import * as echarts from '../../../../ec-canvas/echarts';
let echartsdata=[];
function  initData(canvas, width, height, dpr){
  const chart = echarts.init(canvas, null, {
    width: width,
    height: height,
    devicePixelRatio: dpr // 像素
  });
  canvas.setChart(chart);
  let option = {
    legend: {
        orient: 'vertical',
        //图标设置样式
        icon: "circle",
        //位置
        bottom: 'bottom',
        //格式化名字
        formatter: function (name) {
            let arr = [];
            echartsdata.forEach(item => {
                if (item.name == name) {
                    arr.push(name + item.value);
                }
            });
            return arr.join('');
  }
    },
    series: [
        {
            type: 'pie',
            radius: '50%',
            data: echartsdata,
            label: {
                normal: {
                    show: true,
                    formatter: '{b}{d}%',//模板变量有 {a}、{b}、{c}、{d}，分别表示系列名，数据名，数据值，百分比。{d}数据会根据value值计算百分比
                }
            }
        }
    ]
};
  chart.setOption(option);
  return chart;
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
	  info:{},
	  rateNum:"",
	  currentId:0,
      imageUrls:{},
      ec:{
        onInit:initData
      }
  },
  onChange(value){
	 this.rateNum=value.detail
	 console.log(this.currentId)
  },

  submit(){
	 console.log('分数',this.rateNum)
	 console.log('景区id',this.currentId)
	 wx.request({
	   url: 'http://127.0.0.1:8088/remake/inset?id='+this.currentId+'&value='+this.rateNum,
	   method:'POST',
	   header:{
		'Authorization':wx.getStorageSync('token')	
	   },
	   success:(result)=>{
		 
	   },
	   fail:(res)=>{
		   console.log(res)
	   }
	   
	 })
	 console.log(this.data)
  },

  getFoodDetail(){
     wx.navigateTo({
       url: '/pages/food/menu/detail/detail?data='+JSON.stringify(this.data.info)
     })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
	  console.log(options,'2121')
	  this.currentId=options.id
      wx.request({
        url: 'http://127.0.0.1:8088/food/detail/'+options.id,
        method:'GET',
        header:{
         'Authorization':wx.getStorageSync('token')	
        },
        success:(result)=>{
          let temp=[];
          console.log(result.data.data.imageUrls,"sa")
          if(result.data.data.imageUrls){
            let arr=result.data.data.imageUrls.split(',');
            console.log(arr,"dssd")
            if(arr.length>0){
               arr.forEach(i=>{
                   temp.push('http://xllbyte.top/'+i);
               });
            }else{
              temp.push('http://xllbyte.top/'+arr[0]);
            }
          }else{
            temp.push('http://xllbyte.top/505.jpg');
          }
           this.setData({
              info:result.data.data,
              imageUrls:temp
           });
           echartsdata = [
            {value: result.data.data.preferably, name: '好评'},
            {value: result.data.data.commonly, name: '一般'},
            {value: result.data.data.deprecated, name: '差评'}
        ];
        },
        fail:(res)=>{
            console.log(res)
        }
        
      })
      console.log(this.data)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})